body{ font-family: Calibri, "Trebuchet MS", sans-serif; margin: 0px; }
fieldset{ border: 0px}
#login-logo
{
    position: absolute;
    left: 50%;
    margin-left: -160px;
    margin-top: 20px;
}
#login-gradient
{
    z-index: -1; width: 100%;
    position: absolute;
    height: 100%;
background: #b3dced; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #b3dced 2%, #10b2ed 42%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%,#b3dced), color-stop(42%,#10b2ed)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #b3dced 2%,#10b2ed 42%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #b3dced 2%,#10b2ed 42%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #b3dced 2%,#10b2ed 42%); /* IE10+ */
background: radial-gradient(center, ellipse cover,  #b3dced 2%,#10b2ed 42%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#10b2ed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#login-box
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:  -60px;
    margin-left: -90px;
    padding: 0 0.91em;
    text-shadow:0 1px 0 #fff;    
    border:1px solid #ccc;
    border-bottom-color:#aaa;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
    background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
    background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow:inset 0 0 1px #fff;
    -ms-box-shadow:inset 0 0 1px #fff;
    -o-box-shadow:inset 0 0 1px #fff;
    -webkit-box-shadow:inset 0 0 1px #fff;
    box-shadow:inset 0 0 1px #fff
}
.holder{line-height:28px;}
.textbox input
{
    color: #333333;
    -moz-transition: opacity 1s ease 0s;
    background-color: white;
    border: medium none !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    text-align: left;
    
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #CCC;
    font:13px Arial,sans-serif;
    padding:6px 6px 4px;
    width:200px;
}
.textbox input:hover
{
    opacity:.9;
    -webkit-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);
    -moz-box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);
    box-shadow:0 -1px 0 rgba(0,0,0,.4),inset 0 1px 2px rgba(0,0,0,.3);
}
.textbox input:focus
{
    -webkit-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9) -moz-box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);
    box-shadow:0 -1px 0 rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.9);
    opacity:1;
    outline:none;
}
.textbox span
{
    display:block;
}
.yt_button
{
    text-shadow:0 1px 0 #fff;
    font-weight: bold;
    height: 2.95em;
    padding: 0 0.91em;
    border:1px solid #ccc;
    border-bottom-color:#aaa;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#e0e0e0);
    background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-ms-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e0e0e0));
    background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    -moz-box-shadow:inset 0 0 1px #fff;
    -ms-box-shadow:inset 0 0 1px #fff;
    -o-box-shadow:inset 0 0 1px #fff;
    -webkit-box-shadow:inset 0 0 1px #fff;
    box-shadow:inset 0 0 1px #fff
}
.yt_button:hover
{
    border-color:#999;
    background:#f3f3f3;
    background-image:-moz-linear-gradient(top,#ffffff,#ebebeb);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ebebeb));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
    outline:0;-moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;
}